// 字号
$FontSize12: 12px; 
$FontSize12vw: 2.5vw;
$FontSize13: 13px;
$FontSize13vw: 2.8vw;
$FontSize14: 14px;
$FontSize14vw: 3vw;
$FontSize15: 15px;
$FontSize15vw: 3.3vw;
$FontSize16: 16px;
$FontSize16vw: 3.6vw; 
$FontSize17: 17px;
$FontSize17vw: 3.8vw;
$FontSize18: 18px; 
$FontSize18vw: 4vw;
$FontSize20: 20px; 
$FontSize20vw: 4.4vw;
$sysMaxFontSize: 40px; 

// 颜色
$white: #ffffff;
$black: #181818;
$regularBlack: #606266;
$grey: #909399;
$red: #F56C6C;
$orange: #E6A23C;
$blue: #409EFF;
$green: #67C23A;
$darkGreen:rgba(64, 166, 152, 1);



/* 单行文本超出隐藏(三个点) */
.text-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}

/*
* 混入 @mixin
*/ 
/* 分割线 */
@mixin basis-divider($top,$right,$left,$color:#ebedf0){
  position: absolute;
  box-sizing: border-box;
  content: ' ';
  pointer-events: none;
  top: $top;
  right: $right;
  left: $left;
  border-bottom: 1px solid $color;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

/* 操作按钮 */
@mixin basis-operateBtn($width,$height) {
  width: $width;
  height: $height;
  color: $blue;
  line-height: $height;
  font-size: $FontSize14vw;
  font-size: clamp($FontSize14, $FontSize14vw, $sysMaxFontSize);
  border: 1px solid $blue;
  border-radius: 2.8vw;
  margin-left: 5px;
  padding: 0;
}

/* 确定按钮 */
@mixin basis-confirmBtn($width,$padding,$fontSize:$FontSize15) {
  width: $width;
  padding: $padding 0;
  line-height: $FontSize15vw;
  line-height: clamp($fontSize, $FontSize15vw, $sysMaxFontSize);
  font-size: $FontSize15vw;
  font-size: clamp($fontSize, $FontSize15vw, $sysMaxFontSize);
  border-radius: 2vw;
  text-align: center;
  color: #fff;
  border: none;
  background: linear-gradient(135deg, #03B3FD 0%, #0083EF 100%);
}

/* 取消按钮 */
@mixin basis-cancelBtn($width,$padding) {
  width: $width;
  padding: $padding 0;
  border: 1px solid #999999;
  line-height: $FontSize15vw;
  line-height: clamp($FontSize15, $FontSize15vw, $sysMaxFontSize);
  font-size: $FontSize15vw;
  font-size: clamp($FontSize15, $FontSize15vw, $sysMaxFontSize);
  border-radius: 1.8vw;
  background: #F7F7F7;
}

/* 自定义按钮 */
@mixin customBtn($bgColor:$darkGreen,$color:$white) {
  background-color: $bgColor;
  border: 1px solid $bgColor;
  color: $color;
}

/* 弹窗 */
@mixin dialog($bgColor:$darkGreen,$color:$white){
  /deep/.el-dialog__header{
    background-color: $bgColor;
    padding: 14px 20px;
    .el-dialog__title{
      color: $color;
    }
    .el-dialog__headerbtn{
      font-size: 20px;
      top: 14px;
      .el-dialog__close{
        color: $color;
      }
    }
  }
  /deep/.el-dialog__body{
    padding: 15px;
  }
}

/* 单选弹窗 */
@mixin searchSelect {
  .preSearch{
    margin-top: 2vw;
    display: flex;
    justify-content: space-between;
    padding: 0 3vw;
    font-size: $FontSize14vw;
    font-size: clamp($FontSize14, $FontSize14vw, $sysMaxFontSize);
    line-height: $FontSize14vw;
    line-height: clamp($FontSize14, $FontSize14vw, $sysMaxFontSize);
    .preSearchItem{
      width: 42%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
  .number{
    width: 7.5vw;
    vertical-align: middle;
    line-height: $FontSize14vw;
    line-height: clamp($FontSize14, $FontSize14vw, $sysMaxFontSize);
    font-size: 3.5vw;
    font-size: clamp($FontSize14, 3.5vw, $sysMaxFontSize);
    padding: 2.85vw 0;
  }
  .itemLabel{
    display: flex;
    align-items: center;
    font-size: 3.5vw;
    font-size: clamp($FontSize14, 3.5vw, $sysMaxFontSize);
    vertical-align: middle;
    line-height: $FontSize14vw;
    line-height: clamp($FontSize14, $FontSize14vw, $sysMaxFontSize);
    padding: 2.85vw 0;
  }
  .van-icon__image{
    width: 3.1vw;
    height: 3.1vw;
  }  
}

/* 卡片头部 */
@mixin cardTitle($pTop,$pRight,$pBottom,$pLeft,$borderRadius,$bgColor) {
  padding: $pTop $pRight $pBottom $pLeft;
  border-top-left-radius:$borderRadius;
  border-top-right-radius:$borderRadius;
  background-color:$bgColor;
}

/* toast */
@mixin msgToast($bgColor:#666666,$fontSize:$FontSize14vw) {
  background-color: $bgColor;
  line-height: 3.5vw;
  font-size: $fontSize;
  letter-spacing: 0.5px;
}










